<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--ODR = Otros Depósitos y Retiros-->

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<link type="text/css" rel="Stylesheet"
		href="../../css/jquery-ui-1.8.20.custom.css" />

	<link type="text/css" rel="Stylesheet"
		href="../../css/style_coopac.css" />
		
	<h:outputScript library="primefaces" name="jquery/jquery.js" /> 
	<script type="text/javascript" src="../../js/jquery.maskedinput-1.3.js" ></script><!-- solo numeros  -->
	<script type="text/javascript" src="../../js/jquery.alphanumeric.js" ></script><!--  -->
	<script type="text/javascript" src="../../js/custom.js" ></script> 	

</h:head>

<h:body>
	<div id="contenedor">
		<div id="headerCaja"></div>

		<div id="menu">
			<ui:include src="../00_genericos/menu.xhtml"></ui:include>
		</div>

		<div id="formularios">
			<h:form id="form" prependId="true">
				<div id="cuerpo">
					<p:panel header="Otros Depósitos o Retiros" style="font-size:20px; height:50px;">
					</p:panel>
					<p:panel header="Buscar Operación:" toggleable="true" >

						<div class="rowForm">
							
							<div class="label">
								<label>Código Oper.:</label>
							</div>
							<div class="field">
								<p:inputText />
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-search"
											onclick="popupcheck.show();">
								</p:commandButton>
							</div>
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-refresh"  styleClass="clear">		
								</p:commandButton>
							</div>
							<p:dialog id="popupcheck" header="Visto Bueno"
								showEffect="drop" hideEffect="drop" draggable="false" 
								resizable="false" modal="true" widgetVar="popupcheck">
								<p:panel>
									<div class="rowForm">
										<label>Password:</label>
										<p:spacer width="50" height="10"/>
										<p:password></p:password>
										<p:spacer width="50" height="10"/>
										<p:commandButton icon="ui-icon-check"/>
									</div>
								</p:panel>
							</p:dialog>
						</div>
					</p:panel>
					<p:panel header="Buscar Persona" toggleable="true" >

						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText value="#{fichaSocioP.numdocumentoPersonaN}" style="width:157px" styleClass="buscarxdni" />
							</div>
							<div class="buttonSearch">
								<p:commandButton actionListener="#{fichaSocioP.buscarByNumDocumento}" 
								  update=":form:personaN" icon="ui-icon-search" id="boton">
								</p:commandButton>
							</div>
							
							<div class="buttonSearch">
								<p:commandButton icon="ui-icon-refresh"  styleClass="clear">
								</p:commandButton>
							</div>
						</div>
					</p:panel>
					<p:panel header="Información del Socio" id="personaN" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu
									value="#{fichaSocioP.tipoDocumentoN.idTipoMaestro}"
									style="width:160px">
									<f:selectItem itemLabel="Tipo Documento" />
									<f:selectItems value="#{maestro.listaTipodocumento}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" />
							</div>
						</div>
						
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{fichaSocioP.personaN.apellidoPaternoRazonSocial}"
									style="width:453px" styleClass="apePatN" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{fichaSocioP.personaN.apellidoMaterno}"
									style="width:453px" styleClass="apePatN" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{fichaSocioP.personaN.nombrePersonaNombreComercial}"
									style="width:453px" styleClass="nomN" />
							</div>
						</div>
						<div class="rowForm">
							<div class="buttonSearch">
								<p:commandButton value="Confirmar Socio"
								  onclick="popupcontrasenia.show()">
								</p:commandButton>
							</div>
							<p:dialog id="popupcontrasenia" header="Ingrese su Contraseña"
									showEffect="drop" hideEffect="drop" draggable="false" 
									resizable="false" modal="true" widgetVar="popupcontrasenia">
								<p:panel id="password">
									<div class="rowForm">
										<div class="label">
											<label>Ingrese Clave:</label>
										</div>
										<div class="field">
											<p:password></p:password>
										</div>
										<div class="buttonSearch">
											<p:commandButton icon="ui-icon-check" >
											</p:commandButton>
										</div>
									</div>
								</p:panel>
							</p:dialog>
						</div>
					</p:panel>
					<p:panel header="Información de la Transacción">
						<div class="rowForm">
							<div class="label">
								<label>Tipo de Transac.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu>
									<f:selectItem itemLabel="Seleccionar Tipo de Transacción"/>
									<f:selectItem itemLabel="Depósito" itemValue="1"/>
									<f:selectItem itemLabel="Retiro" itemValue="1"/>
								</p:selectOneMenu>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Descripción:</label>
							</div>
							<div class="field">
								<p:inputText style="width:453px"></p:inputText>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ingrese Monto:</label>
							</div>
							<div class="field">
								<p:inputText></p:inputText>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Confirmar Monto:</label>
							</div>
							<div class="field">
								<p:inputText></p:inputText>
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Monto en Letras:</label>
							</div>
							<div class="field">
								<p:inputText style="width:453px" disabled="true"></p:inputText>
							</div>
						</div>
						<div class="rowForm">
							<div class="buttonProcess">
								<p:commandButton value="Realizar Operación"
									onclick="popupcheck1.show();"/>
							</div>
						</div>
						<p:dialog id="popupcheck1" header="Registrar Operación"
								showEffect="drop" hideEffect="drop" draggable="false" 
								resizable="false" modal="true" widgetVar="popupcheck1">
							<p:panel>
								<div class="rowForm">
									<div class="buttonProcess">
										<p:commandButton value="Confirmar Operación"/>
									</div>
								</div>
							</p:panel>
						</p:dialog>
					</p:panel>
				</div>
			</h:form>
		</div>

		<div id="footerCaja"></div>

	</div>
</h:body>

</html>